<template>
<div>
  <p>title: {{title}}</p>
  <p>age: {{age}}</p>
  <p>数组：{{friends}}</p>
</div>
</template>

<script>
    export default {
      name: "ChildComponent02",
      props: {
        title: {
          type: [String, Number],
          required: true
        },
        age: {
          type: Number,
          default: 1
        },
        friends: {
          type: Array,
          default: function () {
            return ["Jack", "Rose", "Maria", "Michele"];
          }
        }
      }
    }
</script>

<style scoped>

</style>
